<template>
  <div>
    <table rules="rows" frame="hsides" bordercolor="black" width="100%">
          <tr v-for="book in books2" class="information" >
              <td><img :src="book.picture"/></td>
              <td><h3>{{book.name}}</h3></td>
              <td>{{book.author}}</td>
              <td><mt-button >联系需者</mt-button></td>
          </tr>
     </table>
  </div>
</template>
<script type="text/javascript">
export default {
  data () {
    return {
       books2: [{
                          picture:'./src/assets/image/4.1西游记.jpg',
                          author: '尤瓦尔·赫拉利',
                          name: '西游记',
                         

                        },{
                          picture:'./src/assets/image/4.2水浒传.jpg',
                          author: '吕思勉',
                          name: '水浒传',
                         
                        },{
                          picture:'./src/assets/image/4.3三国演义.jpg',
                          author: '彼得·弗兰科潘',
                          name: '三国演义',
                        
                        }]
    }
  }
}
</script>
<style>
</style>

